Summary

This pull request introduces several enhancements to improve the usability and functionality of the editor. The changes include:

1. Mouse Wheel Zoom: Added the ability to zoom in and out within the editor using the mouse wheel, enhancing the user experience for desktop users.
2. Mobile Layout Improvements: Adjusted the mobile layout so that the editor appears at the bottom and the preview at the top. This change prioritizes touch-friendly areas, significantly improving the usability for mobile users.
3. Live Reload Indicator: Improved the live reload toggle and indicator by incorporating a declarative icon and dynamic descriptions, making the feature more intuitive and user-friendly.

Changes

• Added mouse wheel zoom functionality to the editor.
• Modified the mobile layout to position the editor at the bottom and the preview at the top.
• Enhanced the live reload toggle with a new declarative icon and dynamic descriptions.

Mouse Wheel Zoom:

Mobile

Before

After

Live Reload

Before

After